<div data-role="page" data-theme="c">

<div data-role="header">
	<div data-role="navbar" id="jqm-top-nav">
		<ul>
			<li><a href="/app" data-icon="home">Home</a></li>
			<li><a href="<%= url_for :controller => :Events, :action => :index %>" data-icon="star">Events</a></li>
			<li><a href="<%= url_for :controller => :Experience, :action => :index %>" data-icon="grid" class="ui-btn-active">Experience</a></li>
			<li><a href="<%= url_for :controller => :Help, :action => :index %>" data-icon="info">Help</a></li>
		</ul>
	</div><!-- /navbar -->

</div>

<div data-role="header">
	<h1><font color="green">EXPERIENCE</font></h1>
	<a data-theme="c" id="backBtn" href="#" data-rel="back" data-icon="arrow-l">Back</span></a>
</div>

<div data-role="content">
<!--	<ul data-role="listview" data-inset="true">
		<li data-role="list-divider">Divider</li>
		<li><span class="new"><a href="index.html">Inbox</a> <span class="ui-li-count">12</span></span></li>
		<li><a href="index.html">Outbox</a> <span class="ui-li-count">0</span></li>
		<li><a href="index.html">Sent</a> <span class="ui-li-count">328</span></li>

	</ul>
-->
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">TECHSPEAK</font></span> </h3>

				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp1 %>">PROF.XXX</a></p>
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp2 %>">PROF.YYY</a></p>

			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">TECHNITES</font></span> </h3>
				
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp3 %>">FOOTLOOSE</a></p>
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp4 %>">MASH</a></p>
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp5 %>">MAIN SHOW</a></p>
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp6 %>">ARCADE GAMING</a></p>				
							
			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">WORKSHOPS</font></span> </h3>				
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp7 %>">ROBOTICS</a></p>
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp8 %>">HACKFEST</a></p>
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp9 %>">STRING THEORY</a></p>		

			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red">FREEFALL</font></span> </h3>
				
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp10 %>">INTEGRATION BEE</a></p>
				<p><a href="<%= url_for :controller => :Experience, :action => :asynchttp11 %>">JUNKYARD WARS</a></p>	
				
			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red"><a href="<%= url_for :controller => :Experience, :action => :asynchttp12 %>">AIRSHOW</a></font></span> </h3>		
			</div>
		</div>
		<div data-role="collapsible-set">
			<div data-role="collapsible" data-collapsed="true">
				<h3><font color="red"><a href="<%= url_for :controller => :Experience, :action => :asynchttp13 %>">RADIO JOVE</a></font></span> </h3>			
			</div>
		</div>


</div>

